<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/ph_top.css">
    <link rel="stylesheet" href="css/hxr_personal.css">

    <link rel="icon" type="image/ico" sizes="144x144" href="images/favicon.ico"/>
    <link rel="apple-touch-icon" type="image/ico" sizes="144x144" href="images/favicon.ico"/>
</head>

<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/include.js"></script>
<script src="js/hxr_persona.js"></script>


<body style="padding-top: 100px;background-color: #eeeeee">
<div id="ph_top"></div>
<div class="row">
    <div class="col-md-1 col-sm-1 col-xs-1"></div>
    <div class="col-md-10  col-sm-10 col-xs-10 hxr_personal_box">
        <div class="hxr_setting_box">
            <div class="hxr_setting_header">
                <span>资料设置</span>
            </div>
        </div>
        <div class="hxr_setting_info_box">
            <div class="hxr_setting_info">绝不会以任何形式向第三方透漏你的身份信息</div>
        </div>
        <ul>
            <li>
                <div class="hxr_head_box">
                    <label>头像</label>
                    <div class="hxr_head_img">
                        <img alt="单击可编辑头像" src="images/hxr/carousel1.jpg"/>
                        <span>编辑头像</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="hxr_username_box">
                    <label><span>*</span>用户名</label>
                    <div class="hxr_username_input">
                        <input id="hxr_username_input" type="text" value="陈冠希">
                    </div>
                    <div class="hxr_username_tip">可用于登陆，如不修改，则默认为邮箱</div>
                </div>
            </li>
            <li>
                <div class="hxr_email_box">
                    <label>邮箱</label>
                    <div class="hxr_email">
                        <div class="hxr_email_info">123123123@qq.com</div>
                    </div>
                    <div class="hxr_email_tip">邮箱一经注册不可更改 <span class="hxr_repassword">修改密码</span></div>
                </div>
            </li>
            <li>
                <div class="hxr_phone_box">
                    <label><span>*</span>手机</label>
                    <div id="hxr_phone_view" style="display: block">
                        <div class="hxr_phone">
                            <span class="hxr_phonenumber">18785353343</span>
                            <span class="hxr_phone_update_btn">更换手机</span>
                        </div>
                        <div class="hxr_phone_tip">用于优质内容推荐及活动提醒，该信息不会对外公开</div>
                    </div>
                    <div class="hxr_phone_update_box" style="display: none">
                        <input id="hxr_phone_update" type="text" value="">
                        <button id="hxr_btn_savephone">确定</button>
                    </div>
                </div>
            </li>
            <li>
                <div class="hxr_realname_box">
                    <label>真实姓名</label>
                    <div class="hxr_realname">
                        <input id="hxr_realname_input" type="text" value="edison">
                    </div>
                </div>
            </li>
            <li>
                <div class="hxr_radio_box">
                    <label>性别</label>
                    <div class="hxr_radio_group">
                        <input type="radio" name="Gender" value="男" checked="true"><span>男</span>
                        <input type="radio" name="Gender" value="女" style="margin-left: 20px"><span>女</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="hxr_age_box">
                    <label>年龄</label>
                    <div class="hxr_age">
                        <input id="hxr_age_input" type="text" value="22">
                    </div>
                </div>
            </li>
            <li>
                <div class="hxr_points_box">
                    <label>积分</label>
                    <div class="hxr_points">
                        <span>0</span>
                    </div>
                    <div class="hxr_points_tip">积分由……获得，用于…………</div>
                </div>
            </li>
            <li>
                <div class="hxr_grade_box">
                    <label>站内等级</label>
                    <div class="hxr_grade">
                        <span>普通会员</span>
                    </div>
                </div>
            </li>
            <li>
                <div class="hxr_info_box">
                    <label>个人简介</label>
                    <div class="hxr_info">
                        <textarea id="hxr_selfinfo"></textarea>
                    </div>
                    <div class="hxr_info_tip">还可以输入80个字</div>
                </div>
            </li>
<!--            性别、年龄、积分、站内等级、修改密码-->
        </ul>
        <div class="hxr_save_box">
            <button id="hxr_btn_save">保存</button>
        </div>
    </div>
    <div class="col-md-1 col-sm-1 col-xs-1"></div>
</div>

</body>


</html>